﻿@using Ext.Net
@using Ext.Net.MVC
@model SDSystem.Models.LogOnModel
@{
    ViewBag.Title = "LogOn";
}
<div style="width: 500px; margin: 0 auto;">
    @Html.X().ResourceManager().Theme(Theme.Gray)
    @Html.X().Panel().Width(400).Height(350).Layout(LayoutType.Border).Items(
        Html.X().Panel().Region(Region.North).Layout(LayoutType.Absolute).Height(108).Items(
            Html.X().Image().ImageUrl("../../Content/Images/banner-Login.png")
        ),
        Html.X().FormPanel().Region(Region.Center).ID("LogOnPanel").Items(
            Html.X().TextFieldFor(m=>m.UserName).Margin(30).Width(350),
            Html.X().TextFieldFor(m=>m.Password).InputType(Ext.Net.InputType.Password).Margin(30).Width(350),
            Html.X().Panel().Width(100).StyleSpec("Float: right").Margin(10).Border(false).Items(
                Html.X().Button().Text("Logon").Width(80).Margin(10).DirectEvents(de=>
                                                                            {
                                                                                de.Click.Url = Url.Action("LogOn");
                                                                                de.Click.EventMask.ShowMask = true;
                                                                                de.Click.FormID = "LogOnPanel";
                                                                            }),
                Html.X().HyperLink().Text("Forgot Password!").NavigateUrl("/Account/ForgotPassword").Width(100)
            )
        )
    )
</div>